<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
		<title>Quest</title>	
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	
	<body>
		<div id="container">
			<div id="headerForm">
				<div id="headerLogo"><img src="images/logo.png" /></div>
				<div id="headerRegister">
					<a href="">register</a>
				</div>
				
				<form action="">
					<input name="first" type="text" value="First Name">
					<input name="last" type="text" value="Last Name">
					<input value="Login" type="submit">
				</form>
			</div>
			
			<div id="headerSearchBar">
				<form action="">
					<input type="text" value="Enter query" name="headerSearch" />
					<input type="submit" value="Search" />
				</form>
			</div>
			<div id="endHeader"></div>
				
			<div id="container">
				<div id="content">
				<div class="contentBlock">
					<div class="contentBlockTitle">Edit User Information</div>
					<div class="contentBlockContent">
						<table>
							<tr><th>First Name:</th> <td>John</td></td>
							<tr><th>Last Name:</th> <td>Smith</td></tr>
						</table>
						
						<table>
							<tr>
							<th width="10">Username:</th> 
							<td width="50">johnSmith 
								&nbsp;&nbsp;&nbsp;<a href="">(Change Username)</a>
								&nbsp;&nbsp;&nbsp;<a href="">(Change Password)</a>
							</td>
							</tr>
								
						</table>
						
						<table>
							<tr><th>Email:</th> <td>abc123@mail.com&nbsp;&nbsp;&nbsp;<a href="">(Change Email)</a></td></tr>
						</table>
						
						<table><th>Date of Birth:</th> <td>01/02/1983</td></table>
					</div>
				</div>
				
				<div class="contentBlock">
					<div class="contentBlockTitle">Edit Uploaded Content</div>
					<!-- Articles -->
					<div class="contentBlockSubTitle">Articles</div>
					<div class="contentBlockContent">
						<table>
							<tr>
								<td>3/18/2001</td>
								<td class="contentBlockArticleTitle"><a href="">Intel Corporation</a></td>
								<td><a href="">Edit/Replace</a></td>
								<td><a href="">Remove</a></td>
							</tr>
							<tr>
								<td>3/18/2001</td>
								<td class="contentBlockArticleTitle"><a href="">List of Microchips</a></td>
								<td><a href="">Edit/Replace</a></td>
								<td><a href="">Remove</a></td>
							</tr>
						</table>
					</div>
					
					<!-- Images -->
					<div class="contentBlockSubTitle">Images</div>
					<div class="contentBlockContent">
						<table>
							<tr>
								<td>3/18/2001</td>
								<td class="contentBlockArticleTitle"><a href="">Test Image</a></td>
								<td><a href="">Replace</a></td>
								<td><a href="">Remove</a></td>
							</tr>
						</table>
					</div>
				</div>
				</div>
			</div>
			<div id="footer"></div>

		</div>
	</body>
</html>
